.listbox{
    width: 400px;
    height: 300px;
    background-color: #eee;
    input{
        margin: 10px;
    }
    button{
        float: right;
    }
    .list{
        margin: 40px auto;
        border-top: 1px solid #ccc;
        ul{
            li{
                display: flex;
                justify-content: space-around;
            }
        }
    }
}
.classA{
    color: red;
    // background-color: aqua;
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    border-radius: 50%;
    text-align: center;
}
.classB{
    color:aquamarine;
    // background-color: aqua;
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    border-radius: 50%;
    text-align: center;
}
.classC{
    color:#ccc;
    // background-color: aqua;
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    border-radius: 50%;
    text-align: center;
}